﻿import * as React from "react";
import * as electron  from 'electron'
import Obj = require('object-assign')
import 颜色 from '../../工具代码/颜色'
import R控件基类 from '../../核心代码/R控件基类'
import * as 基类 from '../../核心代码/控件基类'

let ipcR = electron.ipcRenderer

export default class R悬浮提示标签 extends R控件基类{
    constructor(props) {
        super(props)

        this.state = {
            是否显示:false
        }

        this.标准样式 = this.props.自定义样式 ? this.props.自定义样式 : Obj({}, this.标准样式,
            {
                whiteSpace:  'nowrap',
                padding: '5px 15px'
            })

        ipcR.on('悬浮提示标签_显示', () => {
            this.setState({ 是否显示: true })
        })

        ipcR.on('悬浮提示标签_隐藏', () => {
            this.setState({ 是否显示: false })
        })
    }
    render() {
        return (
            <div id={this.props.父元素唯一标识} style={this.state.使用样式}>{this.props.悬浮提示语}</div>
        )
    }
}


export interface 悬浮提示标签 extends 基类.控件基类 {
    父元素唯一标识?: string,
    悬浮提示语?: string
}
